import banner from '@/images/HomePage/banner.svg';
import style from './index.less';
import { useTitle } from 'ahooks';
import pic3 from '@/images/HomePage/pic3.svg';
import RecordInvoice from './Components/RecordInvoice';
import Features from './Components/Features';
import News from './Components/News';
import pic2 from '@/images/HomePage/pic2.svg';
import sy from '@/images/HomePage/sy.svg';
import wd from '@/images/HomePage/wd.svg';
import xx from '@/images/HomePage/xx.svg';
import React from 'react'
import Tabs from './Components/Tabs';



export default function Home() {

    useTitle("首页")
    return (
      <>
        <div>
          <img style={{ width: "100vw" }} src={banner} alt="" />
        </div>
        <div style={{ background: "rgb(251,250,250)" }}>
          <RecordInvoice />
          <Features />
          <News />
          <img style={{ width: "100vw", margin: "10px 0" }} src={pic2} alt="" />
  
          <div style={{ padding: "0px 10px 10px 10px" }}>
            <img style={{ width: "95vw",flex:1 }} src={pic3} />
          </div>
          <div style={{ height: "63px" }}></div>
        </div>
  
        <div className={style.footer}>
          {/* <div style={{ display: 'flex', flexDirection: "column", alignItems: "center" }}>
            <img style={{ width: "22px" }} src={sy} alt="" />
            <span style={{ marginTop: "auto" }}>首页</span>
          </div>
  
          <div style={{ display: 'flex', flexDirection: "column", alignItems: "center" }}>
            <img style={{ width: "22px" }} src={xx} alt="" />
            <span>消息</span>
          </div>
  
          <div style={{ display: 'flex', flexDirection: "column", alignItems: "center" }}>
            <img style={{ width: "22px" }} src={wd} alt="" />
            <span>我的</span>
          </div> */}
          <Tabs/>
        </div>
      </>
    );
  }